<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>button</title>
        <link type="text/css" rel="stylesheet" href="../../css/webstrap.css"/>
        <style type="text/css">
            .m8 {
                margin: 8px;
            }
        </style>
    </head>
    <body class="m8">
        <div class="page-header">Style</div>
        default[minor]
        <div class="m8">
            <button class="btn" type="button">Default</button>
            <input class="btn" type="submit" value="Submit Button" />
            <a class="btn" href="javascript:;" />Link Button</a>
            <button class="btn btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        primary
        <div class="m8">
            <button class="btn btn-primary" type="button">Default</button>
            <input class="btn btn-primary" type="submit" value="Submit Button" />
            <a class="btn btn-primary" href="javascript:;" />Link Button</a>
            <button class="btn btn-primary btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-primary btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        important
        <div class="m8">
            <button class="btn btn-important" type="button">Default</button>
            <input class="btn btn-important" type="submit" value="Submit Button" />
            <a class="btn btn-important" href="javascript:;" />Link Button</a>
            <button class="btn btn-important btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-important btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        inverse
        <div class="m8">
            <button class="btn btn-inverse" type="button">Default</button>
            <input class="btn btn-inverse" type="submit" value="Submit Button" />
            <a class="btn btn-inverse" href="javascript:;" />Link Button</a>
            <button class="btn btn-inverse btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-inverse btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        success
        <div class="m8">
            <button class="btn btn-success" type="button">Default</button>
            <input class="btn btn-success" type="submit" value="Submit Button" />
            <a class="btn btn-success" href="javascript:;" />Link Button</a>
            <button class="btn btn-success btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-success btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        info
        <div class="m8">
            <button class="btn btn-info" type="button">Default</button>
            <input class="btn btn-info" type="submit" value="Submit Button" />
            <a class="btn btn-info" href="javascript:;" />Link Button</a>
            <button class="btn btn-info btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-info btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        warn
        <div class="m8">
            <button class="btn btn-warn" type="button">Default</button>
            <input class="btn btn-warn" type="submit" value="Submit Button" />
            <a class="btn btn-warn" href="javascript:;" />Link Button</a>
            <button class="btn btn-warn btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-warn btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>
        error
        <div class="m8">
            <button class="btn btn-error" type="button">Default</button>
            <input class="btn btn-error" type="submit" value="Submit Button" />
            <a class="btn btn-error" href="javascript:;" />Link Button</a>
            <button class="btn btn-error btn-disabled" type="button">Disabled Button</button>
            <a class="btn btn-error btn-disabled" href="javascript:;" />Disabled Link Button</a>
        </div>

        <div class="page-header">Button Size</div>
        <div class="m8">
            <button class="btn btn-larger btn-info" type="button" />Larger Button</button>
            <input class="btn btn-larger btn-info" type="submit" value="Larger Button" />
            <a class="btn btn-larger btn-info" href="javascript:;"  />Larger Button</a>
        </div>
        <div class="m8">
            <button class="btn btn-large btn-info" type="button" />Large Button</button>
            <input class="btn btn-large btn-info" type="submit" value="Large Button" />
            <a class="btn btn-large btn-info" href="javascript:;"  />Large Button</a>
        </div>
        <div class="m8">
            <button class="btn btn-info" type="button" />Default Button</button>
            <input class="btn btn-info" type="submit" value="Default Button" />
            <a class="btn btn-info" href="javascript:;"  />Default Button</a>
        </div>
        <div class="m8">
            <button class="btn btn-small btn-info" type="button" />Small Button</button>
            <input class="btn btn-small btn-info" type="submit" value="Small Button" />
            <a class="btn btn-small btn-info" href="javascript:;"  />Small Button</a>
        </div>
        <div class="m8">
            <button class="btn btn-smaller btn-info" type="button" />Smaller Button</button>
            <input class="btn btn-smaller btn-info" type="submit" value="Smaller Button" />
            <a class="btn btn-smaller btn-info" href="javascript:;"  />Smaller Button</a>
        </div>

        <div class="page-header">Block Button</div>
        <div class="m8">
            <a class="btn btn-block" href="javascript:;"  />Block Button</a>
            <div class="gutter-small"></div>
            <a class="btn btn-block" href="javascript:;"  />Block Button</a>
        </div>
    </body>
</html>

